<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>商品详情</title>
      <link rel="stylesheet" href="./css/public.css">
      <link rel="stylesheet" href="./css/detail.css">
</head>

<body>
      <!-- 顶部 -->
      <div id="top"></div>

      <!-- 商品详情 -->
      <div class="detail">
            <div class="magnifier-container">
                  <!-- 按钮图片部分 -->
                  <div class="button-img">
                        <div class="img-box active" data-small="./assert/1.jpg" data-big="./assert/1.jpg">
                              <img src="./assert/1.jpg" alt="">
                        </div>
                        <div class="img-box" data-small="./assert/2.jpg" data-big="./assert/2.jpg">
                              <img src="./assert/2.jpg" alt="">
                        </div>
                        <div class="img-box" data-small="./assert/3.jpg" data-big="./assert/3.jpg">
                              <img src="./assert/3.jpg" alt="">
                        </div>
                        <div class="img-box" data-small="./assert/4.jpg" data-big="./assert/4.jpg">
                              <img src="./assert/4.jpg" alt="">
                        </div>
                        <div class="img-box" data-small="./assert/5.jpg" data-big="./assert/5.jpg">
                              <img src="./assert/5.jpg" alt="">
                        </div>
                  </div>
                  <!-- 大图部分 -->
                  <div class="big-img">
                        <img src="./assert/1.jpg" alt="">
                  </div>
                  <!-- 小图部分 -->
                  <div class="small-img">
                        <img src="./assert/1.jpg" alt="">
                        <div class="focus"></div>
                        <div class="teimo"></div>
                  </div>

            </div>
            <div class="detail-list">
                  <div class="qietu">
                        <img src="./assert/qietu.png" alt="">
                  </div>
                  <div>
                        <div class="shop">立即购买</div>
                        <div class="add">
                              <i class="iconfont icon-gouwucheman"></i>
                        添加至购物车</div>
                  </div>
            </div>
      </div>


      <!-- 底部 -->
      <div id="buttom"></div>
</body>
<script src="./javascripts/common.js"></script>
<script src="./javascripts/jQuery.js"></script>
<script src="./javascripts/detail.js"></script>

</html>